import { ref, computed, reactive } from 'vue'
import { defineStore } from 'pinia'

export const useUserStore = defineStore('useUserStore', () => {
    // 登录识别
    const ID = ref(false)

    // 身份识别
    const User = ref('')

    // 管理员信息
    const AdminUser = ref({})

    // 会员信息
    const VipUser = ref({})

    // 路由信息
    const MenuRouer = ref([])

    // 当前路由路径
    const routePath = ref('')
        // routePath.value = computed(() => User.value === '1' ? 'index' : 'my')
        // const routePath = ref(User === '1' ? 'index' : 'my')

    // 路由信息处理
    const dynamicMenu = (payload) => {
        // payload是接口获取的路由数据
        payload.forEach((item) => {
            item.path = item.path.replace(/\//g, ""); // 移除所有斜杠
            item.component = item.path; // 直接将 path 的值赋给 component
        });
        // console.log(payload);
        const modules =
            import.meta.glob('../views/*.vue')
            // console.log(modules);


        function routerSet(router) {
            router.forEach(route => {
                const url = `../views/${route.path}.vue`
                route.component = modules[url]
            })
        }
        routerSet(payload)
        MenuRouer.value = payload
            // console.log(MenuRouer.value);

    }

    const routePathFun = () => {
        routePath.value = ''
        AdminUser.value = {}
        VipUser.value = {}
        ID.value = false
        User.value = ''
        MenuRouer.value = []
        localStorage.clear();

        localStorage.removeItem('useUserStore')
    }


    // 转换函数
    // const generateRoutes = (data) => {
    //     const modules =
    //         import.meta.glob('../../views/**/**/*.vue')
    //     return data.map(item => ({
    //         path: item.path,
    //         name: item.name,
    //         const url = `../views/${item.path.slice(1)}.vue`, // 动态导入组件
    //             item.component = modules[url]
    //     }));
    // };
    // const routes = generateRoutes(data1);


    // const AdminUser = reactive({
    //     id: '',
    //     avator: '',
    //     password: '',
    //     username: ''
    // })

    // const VipUser = reactive({
    //     // 购买课时
    //     buytime: '',
    //     // 会员账号
    //     cardno: '',
    //     // 办卡时间
    //     createTime: '',
    //     // 身高
    //     height: '',
    //     // 头像
    //     hyimg: '',
    //     id: '',
    //     // 名字
    //     name: '',
    //     // 密码
    //     pass: '',
    //     // 电话
    //     phone: '',
    //     // 性别
    //     sex: '',
    //     // 剩余课时
    //     shengyutime: '',
    //     // 体重
    //     weight: '',
    //     // 年龄
    //     year: '',
    // })

    return { AdminUser, VipUser, ID, User, MenuRouer, dynamicMenu, routePath, routePathFun }
}, {
    persist: true
})